<!DOCTYPE HTML>
<html>
<head>
    <title>办卡配置</title>

</head>
<body>

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 商户管理
    <span class="c-gray en">&gt;</span> 办卡配置
</nav>
<div class="page-container">
    <div class="text-c">
        <form class="form-inline">
            <button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
            <span class="select-box inline">
                <select name="" class="form-control select">
                    <option value="0">全部分类</option>
                    <option value="1">分类一</option>
                    <option value="2">分类二</option>
                </select>
		    </span> 日期范围：
            <input type="text" onfocus="WdatePicker()"  class="form-control input-text Wdate" style="width:120px;">
            -
            <input type="text" onfocus="WdatePicker()" class="form-control input-text Wdate" style="width:120px;">
            <input type="text" name="" placeholder=" 卡类型" style="width:250px" class="form-control input-text">
            <button name=""  class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
        </form>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20">
        <span class="l">
            <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
            <a class="btn btn-primary radius" type="button"   data-toggle="modal"  data-target=".platform-card-modal" >
                <i class="Hui-iconfont">&#xe600;</i> 添加卡片
            </a>
        </span>
    </div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
            <thead>
            <tr class="text-c">
                <th width="25"><input type="checkbox" name="" value=""></th>
                <th width="80">ID</th>
                <th width="100">卡名称</th>
                <th width="80">分类</th>
                <th width="80">来源</th>
                <th width="120">更新时间</th>
                <th width="75">使用次数</th>
                <th width="60">当前状态</th>
                <th width="120">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="text-c">
                <td><input type="checkbox" value="" name=""></td>
                <td>10001</td>
                <td class="text-l"><u style="cursor:pointer" class="text-primary" onClick="article_edit('查看','article-zhang.html','10001')" title="查看">洗车卡类型</u></td>
                <td>洗车卡</td>
                <td>旗舰店</td>
                <td>2017-6-11 11:11:42</td>
                <td>21212</td>
                <td class="td-status"><span class="label label-success radius">已发布</span></td>
                <td class="f-14 td-manage">
                    <a style="text-decoration:none" onClick="article_stop(this,'10001')" href="javascript:;" title="下架">
                        <i class="Hui-iconfont">&#xe6de;</i>
                    </a>
                    <a style="text-decoration:none" class="ml-5" onClick="article_edit('卡片编辑','article-add.html','10001')" href="javascript:;" title="编辑">
                        <i class="Hui-iconfont">&#xe6df;</i>
                    </a>
                    <a style="text-decoration:none" class="ml-5" onClick="article_del(this,'10001')" href="javascript:;" title="删除">
                        <i class="Hui-iconfont">&#xe6e2;</i>
                    </a>
                </td>
            </tr>
            <tr class="text-c">
                <td><input type="checkbox" value="" name=""></td>
                <td>10002</td>
                <td class="text-l"><u style="cursor:pointer" class="text-primary" onClick="article_edit('查看','article-zhang.html','10002')" title="查看">VIP卡</u></td>
                <td>洗车卡</td>
                <td>旗舰店</td>
                <td>2017-6-11 11:11:42</td>
                <td>21212</td>
                <td class="td-status"><span class="label label-success radius">审核</span></td>
                <td class="f-14 td-manage">
                    <a style="text-decoration:none" onClick="article_shenhe(this,'10001')" href="javascript:;" title="审核">审核</a>
                    <a style="text-decoration:none" class="ml-5" onClick="article_edit('卡片编辑','article-add.html','10001')" href="javascript:;" title="编辑">
                        <i class="Hui-iconfont">&#xe6df;</i>
                    </a>
                    <a style="text-decoration:none" class="ml-5" onClick="article_del(this,'10001')" href="javascript:;" title="删除">
                        <i class="Hui-iconfont">&#xe6e2;</i>
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

 <!--模态框-->

<div class="modal fade platform-card-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">代金券新建</h4>
            </div>

            <form class="form-horizontal">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">卡片类型</label>
                    <div class="col-sm-5">
                        <select class="form-control">
                            <option>洗车卡</option>
                            <option>美容卡</option>
                            <option>维修卡</option>
                            <option>保养卡</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputcard1" class="col-sm-3 control-label">卡片名称</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control" id="inputcard1" placeholder="代金券">
                    </div>
                </div>
                <div class="form-group">
                    <p class="col-sm-3 control-label">
                        使用范围
                    </p>
                    <div class=" col-sm-5">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 商店通用
                            </label>
                            <label>
                                <input type="checkbox"> 平台通用
                            </label>

                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputcard2" class="col-sm-3 control-label">卡券有效天数</label>
                    <div class="input-group col-sm-5">
                        <input type="text" class="form-control" id="inputcard2" placeholder="30">
                        <div class="input-group-addon">天</div>
                    </div>
                </div>
                <div class="form-group">
                    <p class="col-sm-3 control-label">卡券有效期</p>
                    <div class="col-sm-9 input-group">
                        <input type="text" onfocus="WdatePicker()"  class="input-text Wdate" style="width:120px;">
                        - 		<input type="text" onfocus="WdatePicker()"  class="input-text Wdate" style="width:120px;">

                        &nbsp;<span>时长60天</span>
                    </div>
                </div>

                <div class="form-group">
                    <label for="inputcard3" class="col-sm-3 control-label">可使用该券最低金额</label>
                    <div class="input-group col-sm-5">
                        <input type="text" class="form-control" id="inputcard3" placeholder="100">
                        <div class="input-group-addon">元</div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputcard4" class="col-sm-3 control-label">代金券金额</label>
                    <div class="input-group col-sm-5">
                        <input type="text" class="form-control" id="inputcard4" placeholder="10">
                        <div class="input-group-addon">元</div>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-3 control-label">卡卷所有获得途径</label>
                    <div class="input-group col-sm-5">
                        <h5 style="margin-top: 10px;">奖项发送, 商家发送, 用户自主领取</h5>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputcard5" class="col-sm-3 control-label">发放数量上限</label>
                    <div class="input-group col-sm-5">
                        <input type="text" class="form-control" id="inputcard5" placeholder="1000">
                        <div class="input-group-addon">张</div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputcard6" class="col-sm-3 control-label">每人发放数量</label>
                    <div class="input-group col-sm-5">
                        <input type="text" class="form-control" id="inputcard6" placeholder="1">
                        <div class="input-group-addon">张</div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-5 col-sm-7">
                        <!--<button type="submit" class="btn btn-success">保存</button>-->
                        <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;保存&nbsp;&nbsp;">
                        <input class="btn btn-default radius" type="submit" value="&nbsp;&nbsp;返回&nbsp;&nbsp;">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>

<!--end-->
<script type="text/javascript">
 /*   $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "pading":false,
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
        ]
    });*/




</script>
</body>
</html>